﻿@using LanDBom.Models;
@{
    ViewBag.Title = "Buffer_material";
}


<table id="tab3">
    <thead>
        <tr>
            <th>长(mm)</th>
            <th>宽(mm)</th>
            <th>高(mm)</th>
            <th>密度()</th>
            <th>立方价(含税)</th>
            <th>数量</th>
            <th>体积(m³)</th>
            <th>损耗(%)</th>
            <th>材料价格</th>
            <th>加工费</th>
            <th>成本价格</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody id="tab3_tbody">
        <tr>
            <th><input type="number" class="HC_GG" id="HC_C" style="width:60px;height:30px" /></th>
            <th><input type="number" class="HC_GG" id="HC_K" style="width:60px;height:30px" /></th>
            <th><input type="number" class="HC_GG" id="HC_G" style="width:60px;height:30px" /></th>
            <th>
                <select id="HC_MD" style="width:60px;height:30px">
                    <option>密度</option>
                    @foreach (var item in ViewBag.par as List<parice>)
                    {
                        if (@item.PA_LengBie == "裁切缓冲材")
                        {
                            <option value="@item.PA_T">@item.PA_ZhongL</option>
                        }

                    }
                </select>
            </th>
            <th></th>
            <th><input type="number" class="HC_GG" id="HC_SL" style="width:60px;height:30px" value="1"/></th>
            <th class="HC_TJ_c"></th>
            <th><input type="number" class="HC_GG" id="HC_SH" style="width:60px;height:30px" value="10"/></th>
            <th class="HC_clf"></th>
            <th class="HC_jgf"></th>
            <th class="HC_cb"></th>
            <th><a href="#" id="HC_CZ">添加</a></th>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th>总计</th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th id="ALL_TJ"></th>
            <th></th>
            <th id="ALL_CL_price"></th>
            <th id="ALL_JG_price"></th>
            <th id="ALL_CB_price"></th>
        </tr>
    </tfoot>
</table>

@section scripts
{
    <script src="~/Scripts/jquery-3.4.1.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script>
        //缓冲材料
        $(function () {
            //切换密度查找立方价
            $(document).on("change", "#HC_MD", function (e) {
                var jia = $(e.target).val()//立方价格
                $(e.target).parent().next().text(jia)
                ALL_price()
            })
            //改变长/宽/高/数量/损耗时触发
            $(document).on("keyup", ".HC_GG", function (e) {
                Calculated_volume($(e.target))//计算体积
                price($(e.target))//计算费用
                ALL_price()
            })
            //改变密度时触发
            $(document).on("change", "#HC_MD", function (e) {
                price($(e.target))
                ALL_price()
            })
            //点击添加时触发
            $(document).on("click", "#HC_CZ", function (e) {
                Table_row($(e.target))
                ALL_price()
            })
            //添加和删除行的方法
            function Table_row(e) {
                var zt = e.text()
                console.log(zt)
                if (zt == "添加") {
                    e.text("删除")
                    var $tr = $(`
                    <tr>
                        <th><input type="number" class="HC_GG" id="HC_C" style="width:60px;height:30px" /></th>
                        <th><input type="number" class="HC_GG" id="HC_K" style="width:60px;height:30px" /></th>
                        <th><input type="number" class="HC_GG" id="HC_G" style="width:60px;height:30px" /></th>
                        <th>
                            <select id="HC_MD" style="width:60px;height:30px">
                                <option>密度</option>
                                @foreach (var item in ViewBag.par as List<parice>)
                                {
                                    if (@item.PA_LengBie == "裁切缓冲材")
                                    {
                                        <option value="@item.PA_T">@item.PA_ZhongL</option>
                                    }

                                }
                            </select>
                        </th>
                        <th></th>
                        <th><input type="number" class="HC_GG" id="HC_SL" style="width:60px;height:30px" value="1"/></th>
                        <th class="HC_TJ_c"></th>
                        <th><input type="number" class="HC_GG" id="HC_SH" style="width:60px;height:30px" value="10"/></th>
                        <th class="HC_clf"></th>
                        <th class="HC_jgf"></th>
                        <th class="HC_cb"></th>
                        <th><a href="#" id="HC_CZ">添加</a></th>
                    </tr>
                    `)
                    $("#tab3_tbody").append($tr)
                }
                else {
                    e.parent().parent().remove()
                }
            }
            //计算价格的方法
            function price(e) {
                var jia = e.parent().parent().children().eq(4).text()//立方价
                var tj = e.parent().parent().children().eq(6).text()//体积
                var sh = e.parent().parent().children().eq(7).children().val()//损耗

                var clf = jia * tj * (1 + sh * 0.01)//材料费
                var jgf = clf * 0.5//加工费
                var cbkg = clf * 1 + jgf * 1//成本价格
                console.log(jia)
                console.log(tj)
                console.log(sh)
                e.parent().parent().children().eq(8).text((clf).toFixed(4))//材料费
                e.parent().parent().children().eq(9).text((jgf).toFixed(4))//加工费
                e.parent().parent().children().eq(10).text((cbkg).toFixed(4))//成本价格
            }
            //计算体积的方法
            function Calculated_volume(e) {
                var c = e.parent().parent().children().eq(0).children().val()//长
                var k = e.parent().parent().children().eq(1).children().val()//宽
                var g = e.parent().parent().children().eq(2).children().val()//高
                var s = e.parent().parent().children().eq(5).children().val()//数量
                var tj = c * k * g / 1000000000 * s
                e.parent().parent().children().eq(6).text((tj).toFixed(4))
            }
            //计算总价的方法
            function ALL_price() {
                var clf = 0
                var jhf = 0
                var cb = 0
                var tj=0
                $(".HC_clf").each(function (i, item) {
                    clf += $(item).text()*1
                })
                $("#ALL_CL_price").text((clf).toFixed(5))

                $(".HC_TJ_c").each(function (i, obj) {
                    tj += $(obj).text() * 1
                })
                $("#ALL_TJ").text((tj).toFixed(5))

                $(".HC_jgf").each(function (i, sum) {
                    jhf += $(sum).text() * 1
                })
                $("#ALL_JG_price").text((jhf).toFixed(5))

                $(".HC_cb").each(function (i, index) {
                    cb += $(index).text() * 1
                })
                $("#ALL_CB_price").text((cb).toFixed(5))

            }
        })
    </script>
}